<!DOCTYPE html>
<html>
<head>
    {include file="common/head"}
</head>
<body>
    {include file="common/menu"}

    {hkcms:adv name="sub" itemid="1"}
    <section class="bg-banner" style="background-image: url({$item.image});">
        <div class="container">
            <div class="position-relative overflow-hidden p-3 p-xl-4 text-center">
                <div class="col-xl-6 p-lg-5 mx-auto my-5">
                    <h1 class="title mb-3">{$Cate.title}</h1>
                    <p class="lead fw-normal">{hkcms:breadcrumb class="active_a" symbol=" / " /}</p>
                </div>
            </div>
        </div>
    </section>
    {/hkcms:adv}

    <section class="pt-3 pt-xl-5 pb-xl-3">
        <div class="container">
            <div class="pricing-header mx-auto text-center news">
                <div class="category clearfix">
                    <ul class="d-flex flex-wrap justify-content-center list-unstyled mb-0">
                        <li><a class="active" href="{$Cate.url}">{:lang('All')}</a></li>
                        {hkcms:channel name="$Cate['id']" type="son" where="ismenu=1"}
                        <li><a href="{$item.url}" title="{$item.title}">{$item.title}</a></li>
                        {/hkcms:channel}
                    </ul>
                </div>
                <div class="card mb-3" style="position: static">
                    <div class="row g-0" id="contentlist">
                        {hkcms:content num="6" page="1" tagid="contentlist"}
                        <div class="card col-xl-4 p-xl-2 rounded-0">
                            <div class="border">
                                <a href="{$item.url}" title="{$item.title}"><img src="{$item.thumb}" style="object-fit: cover;" alt="{$item.title}"></a>
                                <div class="card-body">
                                    <h5><a href="{$item.url}" title="{$item.title}">{$item.title}</a></h5>
                                    <h6>{hkcms:date name="$item['publish_time']" /}</h6>
                                    <p class="card-text"><a href="{$item.url}">{$item.description}</a></p>
                                </div>
                            </div>
                        </div>
                        {/hkcms:content}
                    </div>
                    <div class="row">
                        <div class="col-md-12 page mt-4">
                            {hkcms:wfpage}
                            <div class="text-center">
                                <a href="javascript:void(0);" class="btn btn-primary" {$item.click}>{:lang('Load more')}</a>
                            </div>
                            {/hkcms:wfpage}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    {include file="common/footer"}
</body>
</html>